<template>
  <!-- pricing start -->
  <section id="pricing-wrap" class="pricing-two p-t-b-80">
    <b-container>
      <b-row>
        <b-col md="12">
          <div class="section-header col-md-12 mb-5">
            <h2 class="font-weight-bold">Choose Your Plan</h2>
            <p>
              Lorem ipsum dolor, sit amet consectetur adipisicing elit. Placeat
              ea quam laborum, ducimus, laboriosam sint dolorum aspernatur
              libero.
            </p>
          </div>
        </b-col>
      </b-row>
      <b-row class="text-center">
        <b-col md="6" lg="4" class=" mb-4 mb-lg-0 mt-3">
          <b-card class="service-three--hover">
            <div class="">
              <p class="text-12 font-weight-700 text-muted mt-3">PERSONAL</p>

              <h2 class="display-3 font-weight-bold mt-4">$5</h2>

              <p class="text-muted mt-4">3 Projects</p>
              <p class="text-mute">
                <strike>1 Initial Concept Included</strike>
              </p>
              <p class="text-mute"><strike>Logo Transparency</strike></p>
              <p class="text-muted">High Resolution</p>

              <b-button variant="outline-dark" class="mt-4 mb-4"
                >CHOOSE THE PLAN</b-button
              >
            </div>
          </b-card>
        </b-col>
        <b-col md="6" lg="4" class=" mb-4 mb-lg-0 mt-3">
          <b-card class="service-three--hover">
            <div class="">
              <p class="text-12  font-weight-700  mt-3">Team</p>

              <h2 class="display-3 text-success font-weight-bold mt-4">$50</h2>

              <p class="text-muted mt-4">3 Projects</p>
              <p class="text-muted">1 Initial Concept Included</p>
              <p class="text-mute"><strike>Logo Transparency</strike></p>
              <p class="text-muted">High Resolution</p>
              <b-button variant="outline-success" class="mt-4 mb-4"
                >CHOOSE THE PLAN</b-button
              >
            </div>
          </b-card>
        </b-col>
        <b-col md="6" lg="4" class=" mb-4 mb-lg-0 mt-3">
          <b-card class="service-three--hover">
            <div class="">
              <p class="text-12 font-weight-700 text-muted mt-3">Business</p>

              <h2 class="display-3 font-weight-bold mt-4">$80</h2>

              <p class="text-muted mt-4">3 Projects</p>
              <p class="text-muted">1 Initial Concept Included</p>
              <p class="text-muted">Logo Transparency</p>
              <p class="text-muted">High Resolution</p>

              <b-button variant="outline-dark" class="mt-4 mb-4"
                >CHOOSE THE PLAN</b-button
              >
            </div>
          </b-card>
        </b-col>
      </b-row>
    </b-container>
  </section>
  <!-- pricing end -->
</template>
<script>
export default {};
</script>

